/**
 * 下拉框封装；
 * 提供三种下拉框格式，
    1 是有搜索，有表格，有左侧树；有搜索按钮，关闭按钮
    2 有搜索和表格，有搜索按钮和关闭按钮
    3 只有表格；
    需要的话，可自行扩展；
 */ 

/**
 * 参数 css、ids、和which(css 为下拉框的样式，只限可变更的样式。ids下拉框中的id,which为哪一种下拉框)
 */
$(function(){
	loadStyles("component/dropbox/drop.css");
});
//加载css文件
function loadStyles(url)
{
	var link = document.createElement("link");
	link.type = "text/css";
	link.rel = "stylesheet";
	link.href = url;
	document.getElementsByTagName("head")[0].appendChild(link);
}

(function ($) {
$.fn.simpleDrop = function(option) {
	var that = this;
	var options = {};
	 $.extend(options, option);
	 function creatItem(item) {
		if(item&&item.ids){ // 给下拉框赋id
			var  itemdrop;
			laytplUrl_T(myurl+"/component/dropbox/tpl/"+item.which, item.ids, function(data, html)
			{
				itemdrop = html;
			})	
		}
		return itemdrop;
	 }
	if(options&&options.menus.length>0){
		$(that).empty();
		$.each(options.menus,function(index,item){
			$(that).append(creatItem(item));
			if(item&&item.css){
				showDrop(item);
			}
			if(item.which !="diagnose.html"){
				
				$("#"+item.ids.inputid).focus();
			}
			$("#"+item.ids.dropid).show(function(ids){
				if(item.event&&$.isFunction(item.event)){
					item.event.call(this,item.ids);
				}
				
			}); 
			//关闭事件
			$("#"+item.ids.dropid).find(".drop_close_btn").on("click",function(){
				$("#"+item.ids.dropid).hide();
			})
		})
	}
	function showDrop(item){
		$("#"+item.ids.dropid).slideDown();
		$("#"+item.ids.dropid).css(item.css);
		bindEvent(item);
	}
	function bindEvent(item) {
	    //文本框阻止事件
//	    $($target).on('click.'+_option.dropid,function(e) {
//	    	$("#"+item.ids.dropid).remove();
//	   	});
	    //自己本身阻止关闭
	   	$(document).on('click.'+item.ids.dropid, "#"+item.ids.dropid, function(e) {
	   		var evt = e||window.event; evt.stopPropagation();
	   	});
	    //树节点点击事件
	    $(document).on('click.'+item.ids.dropid, ".list-group-item", function(e) {
	    	var evt = e||window.event; evt.stopPropagation();
	    });
	   	//点击关闭事件
	   	$(document).on('click.'+item.ids.dropid, function(e) { 
	   		$("#"+item.ids.dropid).remove();
	    });
	   	$(document).on('click.'+item.ids.dropid, ".btn-drop", function(e) { 
	   		var evt = e||window.event; evt.stopPropagation();
	   	});
	    
	   	
	}
}

})(jQuery);